<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1st canvas</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="screen" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/public.js"></script>
</head>

<body>
<div class="topBar">
	<div class="container">
    	<div class="fl"><a href="Index.html" class="logo"></a></div>
        <div class="fl mt10"><img alt="" src="images/slogan.jpg" /></div>
        <div class="fr mt10 w480">
        	<div>
                <div class="fr mt5 ml10">
                    <a href="#">Live Help</a>  |  
                    <a href="#">Help Center</a>  |  
                    <a href="#">Currency: US$</a>
                </div>
                <div class="fr">
                    <a href="#" class="shareBtn shareBtn_facebook"></a>
                    <a href="#" class="shareBtn shareBtn_twitter"></a>
                    <a href="#" class="shareBtn shareBtn_youtube"></a>
                    <a href="#" class="shareBtn shareBtn_path"></a>
                    <a href="#" class="shareBtn shareBtn_instagram"></a>
                    <a href="#" class="shareBtn shareBtn_gplus"></a>
                </div>
            </div>
            <h6 class="span6 text-right mt5">
                modern, impression, surreal, traditional, expressionism, and subject includes modern multi-panel painting, half hand-painted paintings
            </h6>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<div class="container">
	<div class="topMenuBox">
        <div class="topMenu navbar">
            <ul class="topMenuBoxUl">
                <li>
                    <h4><a href="#" class="menuTitle active">Home</a></h4>
                </li>
                <li>
                	<h4><a href="#" class="menuTitle">Print Art</a></h4>
                    <div class="subMenu">
                        <ul>
                            <li>
                                <h4><a href="#">African Collection</a></h4>
                                <h4><a href="#">Celebrities</a></h4>
                                <h4><a href="#">Movie Poster</a></h4>
                                <h4><a href="#">Famous Pop Art</a></h4>
                                <span class="clear"></span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li>
                	<h4><a href="#" class="menuTitle">Oil Painting</a></h4>
                	<div class="subMenu">
                        <ul>
                            <li>
                                <h4><a href="#">African Collection</a></h4>
                                <h4><a href="#">Celebrities</a></h4>
                                <h4><a href="#">Movie Poster</a></h4>
                                <h4><a href="#">Famous Pop Art</a></h4>
                                <h4><a href="#">African Collection</a></h4>
                                <h4><a href="#">Celebrities</a></h4>
                                <h4><a href="#">Movie Poster</a></h4>
                                <h4><a href="#">Famous Pop Art</a></h4>
                                <span class="clear"></span>
                            </li>
                        </ul>
                    </div>
                </li>
                <li><h4><a href="#" class="menuTitle">About Us</a></h4></li>
            </ul>
            
            <form class="navbar-search pull-right">
                <input type="text" class="search-query" placeholder="Search" />
            </form>
            <div class="clear"></div>
        </div>
    </div>
    
    <div class="span3 ml0 mt10 fl">
    	<div class="leftMenuTitle">
        	<span class="title">Subjects</span>
        </div>
        <div class="leftMenuBox greyShadow">
        	<ul class="navTabs">
            	<li><a href="#">Flower & Botanical</a></li>
            	<li><a href="#">Still Life Painting</a></li>
            	<li><a href="#">Pop Art Painting</a></li>
            	<li><a href="#">Landscape Painting</a></li>
            	<li class="more"><a href="#">More &dArr;</a></li>
            </ul>
        </div>        
        
    	<div class="leftMenuTitle mt20">
        	<span class="title">Artist</span>
        </div>
        <div class="leftMenuBox greyShadow">
        	<ul class="navTabs">
            	<li><a href="#">Vincent Van Gogh</a></li>
            	<li><a href="#">Pablo Picasso</a></li>
            	<li><a href="#">Claude Monet</a></li>
            	<li><a href="#">Gustav Klimt</a></li>
            	<li class="more"><a href="#">More &dArr;</a></li>
            </ul>
        </div>
        
    	<div class="leftMenuTitle mt20">
        	<span class="title">Frames</span>
        </div>
        <div class="leftMenuBox greyShadow">
        	<ul class="navTabs">
            	<li><a href="#">Framing effect</a></li>
            	<li><a href="#">Finest Frame</a></li>
            	<li><a href="#">Finest Mirror</a></li>
            	<li class="more"><a href="#">More &dArr;</a></li>
            </ul>
        </div>
    </div>
    
    <div class="mt10 ml20 fl span9">
    	<ul class="breadcrumb">
            <li><a href="#">Home</a> <span class="divider"></span></li>
            <li><a href="#">Subject</a> <span class="divider"></span></li>
            <li class="active">Landscape Painting</li>
        </ul>
        
        <div class="greyShadow pt20">
        	<h3 class="mt0 tNormal fl pl20">Landscape Painting</h3>
            <div class="pagination pagination-right pr20">
                <ul>
                    <li class="disabled"><span>&laquo;</span></li>
                    <li class="active"><span>1</span></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>
            <div class="clear"></div>
            
            <ul class="thumbnails productList pr20 mt10">
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product1.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Flowers Paintings</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product2.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Storefront</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product3.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Flowers Paintings</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product4.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Storefront</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product1.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Flowers Paintings</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product2.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Storefront</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product3.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Flowers Paintings</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product4.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Storefront</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product1.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Flowers Paintings</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product2.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Storefront</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product3.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Flowers Paintings</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product4.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Storefront</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product1.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Flowers Paintings</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product2.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Storefront</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product3.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Flowers Paintings</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
                <li>
                    <div class="thumbnail">
                        <p class="h150"><a href="#"><img data-src="images/products/product1.jpg" src="images/products/product4.jpg" alt=""></a></p>
                        <p class="mt5 text-center"><a href="#">Storefront</a></p>
                        <p class="text-center"><a href="#" class="btn btn-mini">Print</a><a href="#" class="btn btn-mini ml10">Oil</a></p>
                    </div>
                </li>
            </ul>
            
            <div class="pagination pagination-right pr20 pb20">
                <ul>
                    <li class="disabled"><span>&laquo;</span></li>
                    <li class="active"><span>1</span></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">&raquo;</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>
    
    <div class="greyShadow footer">
    	<p>Copyright © 2013-2014 www.1stcanvasart.com, All Rights Reserved.</p>
        <p>Sales Manager: Emily &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Email: 1stcanvasart@gmail.com</p>
    </div>
</div>

</body>
</html>
